@import "index.less";
.Top_position {
  .mainsVw {
    background: url(../images/aboutUs_01.png) no-repeat center center / cover;
  }
}
#aboutUsCulture {
  .container {
    .aboutUsCultureList {
      .aboutUsCultureItem {
       a{
        display: flex;
        background: #f0f0f0;
        margin-bottom: 30px;
        .left {
          width: 40%;
          .img {
            width: 100%;
            overflow: hidden;
            transition: all 0.5s;
            img {
              transition: all 1.5s;
            }
          }
          &:hover {
            .img {
              img {
                transform: scale(1.1);
              }
            }
          }
        }
        .right {
          width: 60%;
          @flex_c_c();
          .target {
            width: 60%;
            margin: 0 auto;
            h3 {
              margin-bottom: 15px;
              /* 超出限定行数省略号 */
              text-overflow: -o-ellipsis-lastline;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              line-clamp: 1;
              -webkit-box-orient: vertical;
            }
            .text {
              color: #666666;
              line-height: 25px;
              /* 超出限定行数省略号 */
              text-overflow: -o-ellipsis-lastline;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              line-clamp: 3;
              -webkit-box-orient: vertical;
            }
          }
        }
       }
      }
    }
  }
}

@media screen and (max-width: 750px) {
  #aboutUsCulture {
    .container {
      .aboutUsCultureList {
        .aboutUsCultureItem {
          a{
            flex-wrap: wrap;
          .left,
          .right {
            width: 100%;
          }
          .right {
            padding: 20px 0;
            .target {
              width: 90%;
            }
          }
          }
        }
      }
    }
  }
}
